<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>学习中心</title>
    <div data-th-replace="layout/head"></div>
    <link rel="stylesheet" th:href="@{{path}/front/mobile/v3/wmui/0.6.2/css/wm-extend.min.css?v={v}(path=${staticPath},v=${v})}">
    <!--初始公共加载过渡动画-->
    <script type="text/javascript" th:src='@{{path}/front/mobile/libs/page-loading.min.js?v={v}(path=${staticPath}, v=${v})}' charset="utf-8"></script>
    <style>
        canvas {-moz-user-select: none;-webkit-user-select: none;}
    </style>
</head>
<body>
<header class="bar bar-nav bar-nav-learning">
    <a class="button button-link button-nav pull-left goBack" onclick="goBack();">
        <span class="iconfont icon-fanhui"></span>
    </a>
    <h1 class='title'>学习中心</h1>
</header>
<!--主体区域 开始-->
<div class="content wm-content ovf">
    <div class="page-infinite__wrap teacherInfo-page__wrap" style="top: 0;">
        <div class="page-group">
            <div id="page-infinite-scroll-bottom" class="page page-current">
                <div  class="content infinite-scroll native-scroll" data-type='native' data-distance="100">
                    <div class="learning-top__wrap">
                        <div class="facebook-card">
                            <div class="clearfix">
                                <aside class="pull-right mt5">
                                    <a href="/mobile/uc/classSchedule" class="pr">
                                        <span class="learning-badge-spot badge wm-badge" th:if="${count}>0"></span>
                                        <button class="button button-inline button-round button-danger again-test learning-schedule-btn" style="border-color: #bbb !important;">直播课程表</button>
                                    </a>
                                </aside>
                                <div class="facebook-avatar pr mr5">
                                    <img class="wm-img list-block-userface" style="position: relative" id="avatar" th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg?v={v}(path=${staticPath},v=${v})}" width="48" height="48"/>
                                </div>
                                <div class="facebook-name">
                                    <span class="lear-ranking-num leaRanking-one vam" id="ranking"></span>
                                    <span class="c-333 vam" id="userName">—</span>
                                </div>
                                <div class="ellipsis">
                                    <a href="/mobile/uc/rankingList">
                                        <span class="c-bbb fs4">全部学习榜 </span>
                                        <span class="c-bbb fs4"><em class="icon icon-right"></em></span>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="mt5 pt5">
                            <section>
                                <strong class="fs6 c-666 vam">累计学习 </strong>
                                <strong class="fs8 c-red vam" id="studyTotalTime">0</strong>
                                <strong class="fs6 c-666 vam"> 分钟</strong>
                            </section>
                            <section>
                                <div class="learningCenter-cont__wrap">
                                    <div class="swiper-container swiper-container-tuanCourse swiper-container-horizontal">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide">
                                                <div class="list-block media-list wm-course-list__wrap ">
                                                    <ul class="list-container wm-course-list">
                                                        <li>
                                                            <strong class="fs8" id="todayCount">0</strong>
                                                            <span class="fs4 c-ccc"> 分钟</span>
                                                            <br>
                                                            <span class="fs4 c-333">今日学习</span>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="list-block media-list wm-course-list__wrap ">
                                                    <ul class="list-container wm-course-list">
                                                        <li>
                                                            <strong class="fs8" id="continuityCount">0</strong>
                                                            <span class="fs4 c-ccc"> 天</span>
                                                            <br>
                                                            <span class="fs4 c-333">连续学习</span>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="list-block media-list wm-course-list__wrap ">
                                                    <ul class="list-container wm-course-list">
                                                        <li>
                                                            <strong class="fs8" id="finishCount">0</strong>
                                                            <span class="fs4 c-ccc"> 节</span>
                                                            <br>
                                                            <span class="fs4 c-333">完成课程</span>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="list-block media-list wm-course-list__wrap ">
                                                    <ul class="list-container wm-course-list">
                                                        <li>
                                                            <strong class="fs8" id="joinLiveCount">0</strong>
                                                            <span class="fs4 c-ccc"> 场</span>
                                                            <br>
                                                            <span class="fs4 c-333">参加直播</span>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="list-block media-list wm-course-list__wrap ">
                                                    <ul class="list-container wm-course-list">
                                                        <li>
                                                            <strong class="fs8" id="examNum">0</strong>
                                                            <span class="fs4 c-ccc"> 套</span>
                                                            <br>
                                                            <span class="fs4 c-333">完成试卷</span>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="list-block media-list wm-course-list__wrap ">
                                                    <ul class="list-container wm-course-list">
                                                        <li>
                                                            <strong class="fs8" id="signNum">0</strong>
                                                            <span class="fs4 c-ccc"> 天</span>
                                                            <br>
                                                            <span class="fs4 c-333">总签到数</span>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </section>
                        </div>
                    </div>
                    <article class="ml5 mr5">
                        <div class="pt5">
                            <section class="clearfix">
                                <span class="fs6 vam">| </span>
                                <strong class="fs8 vam"> 学习趋势</strong>
                                <aside class="pull-right">
                                    <a href="/mobile/uc/learnLineHistory" class="c-888 fs4">
                                        <span class="vam" id="startTime">--月--日</span>
                                        <span class="vam"> 至 </span>
                                        <span class="vam" id="endTime" >--月--日</span>
                                        <em class="icon icon-right vam"></em>
                                    </a>
                                </aside>
                            </section>
                            <section class="mt5">
                                <canvas id="studyLineCanvas"></canvas>
                            </section>
                        </div>
                        <section class="mt5 clearfix">
                            <aside class="pull-left">
                                <span class="fs6 vam">| </span>
                                <strong class="fs8 vam"> 正在学的</strong>
                            </aside>
                            <aside class="pull-right">
                                <label class="label-switch" style="transform: scale(0.7)">
                                    <input type="checkbox" id="studyBtn" checked>
                                    <div class="checkbox"></div>
                                </label>
                                <span class="fs4 c-888 vam">只看有效课程</span>
                            </aside>
                        </section>
                        <form id="search-course-form">
                        </form>
                        <div class="learningCenter-history-list pr">
                            <div class="list-block wm-course-list__wrap no-mt pt5">
                                <ul class="list-container wm-course-list" id="course-list"></ul>
                            </div>
                        </div>
                    </article>
                </div>
            </div>
        </div>
    </div>
</div>

<!--主体区域 结束-->
<div data-th-replace="layout/footer"></div>
<script type="text/javascript" th:src='@{{path}/front/mobile/libs/swiper/swiper.min.js?v={v}(path=${staticPath}, v=${v})}' charset="utf-8"></script>
<script type="text/javascript" th:src='@{{path}/common/mChart/Chart.min.js?v={v}(path=${staticPath}, v=${v})}' charset="utf-8"></script>
<script type="text/javascript" th:src='@{{path}/front/mobile/business/user/center/learning/learningTrend.js?v={v}(path=${staticPath}, v=${v})}' charset="utf-8"></script>

<script type="text/javascript" th:src='@{{path}/front/mobile/business/user/center/learning/learningCenter.js?v={v}(path=${staticPath}, v=${v})}' charset="utf-8"></script>
</body>
</html>